/**
{
"style":{
"navigationBarTitleText":"详情",
"navigationStyle": "default"
}
}
*/

<template>
	<view class="detail">
		<view class="title">
			{{detail.name}}
		</view>

		<view class="info flex-tbc">
			<view class="flex-tbc">
				<image src="__ROOT__/common/images/time-icon.png" mode=""></image>

				<view class="text">
					发布时间：{{detail.createtime}}
				</view>
			</view>

			<view class="flex-tbc ml84">
				<image class="wh32" src="__ROOT__/common/images/eye-icon.png" mode=""></image>

				<view class="text">
					浏览量：{{detail.views}}
				</view>
			</view>
		</view>

		<view class="detail-con">
			<u-parse :content="detail.content"></u-parse>
		</view>
	</view>
</template>
<script setup>
	import {
		ref,
		onMounted
	} from 'vue'
	const pageId = ref('')
	const detail = ref({})
	const getDetail = async () => {
		const res = await $post('/user/get_agent_info', {
			id: pageId.value
		})
		detail.value = res.info
	}
	Vue.onShow(() => {

	})
	Vue.onLoad((options) => {
		pageId.value = options.id
		getDetail()
	})
</script>
<style scoped lang='scss'>
	.detail {
		padding: 24rpx;
		background-color: #fff;

		.title {
			font-family: OPPOSans, OPPOSans;
			font-weight: 500;
			font-size: 36rpx;
			color: #292929;
			line-height: 48rpx;
		}

		.info {
			margin-top: 40rpx;

			image {
				width: 25rpx;
				height: 26rpx;
			}

			.text {
				font-family: OPPOSans, OPPOSans;
				font-weight: 400;
				font-size: 26rpx;
				color: #7D7D7D;
				margin-left: 10rpx;
			}
		}
	}

	.detail-con {
		padding: 40rpx 0;
	}
</style>